<script setup lang="ts">
import { computed, ref } from "vue";
import { Column } from "../type";
import { PlusSearch } from "plus-pro-components";

const props = withDefaults(
  defineProps<{
    columns: Column[];
    rules?: Record<string, any>;
    numOfFields?: number;
  }>(),
  {
    numOfFields: 2
  }
);

const query = ref({});

const onExpend = ref(false);
</script>

<template>
  <div>
    <PlusSearch
      v-model="query"
      :columns="columns"
      :has-label="false"
      :has-unfold="false"
      @expend="onExpend"
    />
  </div>
</template>
<style lang="scss" scoped></style>
